Si la reproducción no empieza en breve, prueba a reiniciar el dispositivo.
Arrastra hacia arriba para búsquedas más precisas
Sección "Sobre mí"
3:09:20
No has iniciado sesión
Los vídeos que veas podrían aparecer en el historial de reproducciones de la TV e influir en las recomendaciones. Puedes evitarlo si cancelas e inicias sesión en YouTube desde tu ordenador.
80.746 visualizaciones • 10 nov 2022 • Cursos Completos
En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva.
✏️ Curso creado por: Estefania Cassingena Navone
Canal de YouTube de Estefania: https://www.youtube.com/codingwithest...
Twitter: https://twitter.com/EstefaniaCassN
⭐️ Contenido del curso ⭐️
⌨️ (00:00:00) Introducción
⌨️ (00:01:39) Nuestro proyecto
⌨️ (00:12:54) Descargar e instalar Visual Studio Code
⌨️ (00:19:13) Extensión Live Server
⌨️ (00:22:12) Herramientas de desarrollo de Chrome
Introducción a Bootstrap
⌨️ (00:36:20) Introducción
⌨️ (00:43:31) Tres pilares de Bootstrap
⌨️ (00:45:02) La grid de Bootstrap
⌨️ (00:52:57) Breakpoints en Bootstrap
⌨️ (00:58:03) Estructura de la grid de Bootstrap
⌨️ (01:01:54) Contenedores en Bootstrap
⌨️ (01:03:40) Contenedores (ejemplo)
⌨️ (01:18:09) Estructura de la grid (filas y columnas)
⌨️ (01:30:30) La grid de Bootstrap con breakpoints
⌨️ (01:36:53) Componentes de Bootstrap
⌨️ (01:43:32) Componentes (ejemplo)
⌨️ (01:47:11) Íconos de Bootstrap
⌨️ (01:51:12) Íconos (ejemplo)
⌨️ (01:57:05) Flexbox
Proyecto
⌨️ (02:10:13) Añadir Bootstrap al proyecto
⌨️ (02:18:30) Favicon y metadatos
⌨️ (02:28:27) Barra de navegación
⌨️ (02:42:08) Sección hero
⌨️ (03:05:48) Sección "Sobre mí"
⌨️ (03:15:19) Sección de experiencia
⌨️ (03:36:33) Sección de proyectos
⌨️ (04:02:54) Sección de artículos
⌨️ (04:13:10) Sección de testimonios
⌨️ (04:32:30) Sección de contacto
⌨️ (04:45:14) Footer y redes sociales
⌨️ (04:59:20) Enlaces internos
Final
⌨️ (05:03:43) Felicitaciones
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/
En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva. En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva.
✏️ Curso creado por: Estefania Cassingena Navone
Canal de YouTube de Estefania: https://www.youtube.com/codingwithest...
Twitter: https://twitter.com/EstefaniaCassN
⭐️ Contenido del curso ⭐️
⌨️ (00:00:00) Introducción
⌨️ (00:01:39) Nuestro proyecto
⌨️ (00:12:54) Descargar e instalar Visual Studio Code
⌨️ (00:19:13) Extensión Live Server
⌨️ (00:22:12) Herramientas de desarrollo de Chrome
Introducción a Bootstrap
⌨️ (00:36:20) Introducción
⌨️ (00:43:31) Tres pilares de Bootstrap
⌨️ (00:45:02) La grid de Bootstrap
⌨️ (00:52:57) Breakpoints en Bootstrap
⌨️ (00:58:03) Estructura de la grid de Bootstrap
⌨️ (01:01:54) Contenedores en Bootstrap
⌨️ (01:03:40) Contenedores (ejemplo)
⌨️ (01:18:09) Estructura de la grid (filas y columnas)
⌨️ (01:30:30) La grid de Bootstrap con breakpoints
⌨️ (01:36:53) Componentes de Bootstrap
⌨️ (01:43:32) Componentes (ejemplo)
⌨️ (01:47:11) Íconos de Bootstrap
⌨️ (01:51:12) Íconos (ejemplo)
⌨️ (01:57:05) Flexbox
Proyecto
⌨️ (02:10:13) Añadir Bootstrap al proyecto
⌨️ (02:18:30) Favicon y metadatos
⌨️ (02:28:27) Barra de navegación
⌨️ (02:42:08) Sección hero
⌨️ (03:05:48) Sección "Sobre mí"
⌨️ (03:15:19) Sección de experiencia
⌨️ (03:36:33) Sección de proyectos
⌨️ (04:02:54) Sección de artículos
⌨️ (04:13:10) Sección de testimonios
⌨️ (04:32:30) Sección de contacto
⌨️ (04:45:14) Footer y redes sociales
⌨️ (04:59:20) Enlaces internos
Final
⌨️ (05:03:43) Felicitaciones
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/
⭐ ¡Hola a todos! Espero que les guste el curso. Aprenderán los fundamentos de Bootstrap paso a paso creando su página web de portafolio. Los invito a compartir sus comentarios. Muchas gracias a todos por su apoyo. 🙂
En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva.
✏️ Curso creado por: Estefania Cassingena Navone
Canal de YouTube de Estefania: https://www.youtube.com/codingwithest...
Twitter: https://twitter.com/EstefaniaCassN
⭐️ Contenido del curso ⭐️
⌨️ (00:00:00) Introducción
⌨️ (00:01:39) Nuestro proyecto
⌨️ (00:12:54) Descargar e instalar Visual Studio Code
⌨️ (00:19:13) Extensión Live Server
⌨️ (00:22:12) Herramientas de desarrollo de Chrome
Introducción a Bootstrap
⌨️ (00:36:20) Introducción
⌨️ (00:43:31) Tres pilares de Bootstrap
⌨️ (00:45:02) La grid de Bootstrap
⌨️ (00:52:57) Breakpoints en Bootstrap
⌨️ (00:58:03) Estructura de la grid de Bootstrap
⌨️ (01:01:54) Contenedores en Bootstrap
⌨️ (01:03:40) Contenedores (ejemplo)
⌨️ (01:18:09) Estructura de la grid (filas y columnas)
⌨️ (01:30:30) La grid de Bootstrap con breakpoints
⌨️ (01:36:53) Componentes de Bootstrap
⌨️ (01:43:32) Componentes (ejemplo)
⌨️ (01:47:11) Íconos de Bootstrap
⌨️ (01:51:12) Íconos (ejemplo)
⌨️ (01:57:05) Flexbox
Proyecto
⌨️ (02:10:13) Añadir Bootstrap al proyecto
⌨️ (02:18:30) Favicon y metadatos
⌨️ (02:28:27) Barra de navegación
⌨️ (02:42:08) Sección hero
⌨️ (03:05:48) Sección "Sobre mí"
⌨️ (03:15:19) Sección de experiencia
⌨️ (03:36:33) Sección de proyectos
⌨️ (04:02:54) Sección de artículos
⌨️ (04:13:10) Sección de testimonios
⌨️ (04:32:30) Sección de contacto
⌨️ (04:45:14) Footer y redes sociales
⌨️ (04:59:20) Enlaces internos
Final
⌨️ (05:03:43) Felicitaciones
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/
¡Hola a todos! Espero que les guste el curso. Aprenderán los fundamentos de Bootstrap paso a paso creando su página web de portafolio. Los invito a compartir sus comentarios. Muchas gracias a todos por su apoyo.
¡Hola a todos! Esperamos que les guste el nuevo curso de Bootstrap. En la descripción pueden encontrar un enlace al código de los ejemplos y del proyecto en GitHub y las marcas de tiempo con los temas del curso. Los invitamos a compartir sus comentarios. ¿Listos para aprender Bootstrap?
Realmente te felicito por la pasión y claridad a la hora de explicar estos videos. Ojalá sigas subiendo proyectos como este. Una recomendación: estaría bueno un tutorial de como hostear y en que servicios este portfolio para la gente que recien comenza en el tema. Un abrazo desde Argentina.
me encanta la forma en la que explicas y como configuras el video para que sea mas fácil de estudiar, no tengo dudas de que este canal tendrá un brillante futuro
Quiero agradecerte por el apoyo que me brindaste en este curso, me dio la fuerza para salir adelante. Doy gracias por cada minuto de cada curso. Gracias por tu enseñanza, ha sido muy importante para mí.
Muchas gracias, Estefanía. Me gustaría que hicieras un curso de Manipulación del DOM con Javascript ya que aunque tomé tu curso de JS, aún me falta aplicarlo a un HTML
te quiero mucho estefania tu contenido si que es de calidad, como mucha gente de aqui me gustaria que saques una segunda parte del curso de javascript, mas avanzado y orientado a la comunicacion con el backend y la interaccion y otro de node, si existe alguna posibilidad hazmelo saber que estare muy feliz y agradecido
Woooooow, mil gracias nuevamente Estefanía! He terminado ahora este curso de Bootstrap, estoy fascinado con tu experiencia y la manera tan sencilla de explicar cada paso. Eres increíble, ojalá hagas un curso de PHP y laravel. Ahora voy por el curso de JavaScript
Olá a todos!Falo português do Brasil, e foi um prazer e um desafio fazer o curso em um outro idioma.Didática simples e direta. Adorei!Sucesso e bons cursos ;)
Hola estefanía vengo una vez mas para felicitarte por este gran curso, no existe uno tan completo y explicado de forma tan profesional como el tuyo, mil gracias por tanta dedicación y esfuerzo. eres la mejor
Muchas gracias por el curso. Realmente ha sido una pasada, tanto en contenido como en claridad de las explicaciones. He aprendido mucho y continuaré tomando tus cursos. He disfrutado muchísimo practicando y aprendiendo. Saludos desde España.
Feliz año nuevo!!, me demore un toque por las fiestas, pero lo termine y la verdad excelente explicación de como usar bootstrap5, abría que destapar otra por este hermoso curso y la paciencia que tienes para explicarlo. Mis saludos al equipo, a seguir así !!!
Muchas gracias de verdad. Me ayudaste bastante a avanzar en este mundo del desarrollo web, que estaba estancado pero gracias a ti pude ver muchas mas formas de implementar diseños y hacer mucho mejor mi pagina web :D
Hola! Para la fecha que estoy haciendo este ejercicio, la version de Bootstrap es ligeramente distinta. Al parecer, img-fluid está overriding (anulando) la clase personalizada que le damos a la imagen. Esto quiere decir que con img-fluid, la media query que usamos en el video no funciona.Para solucionar esto simplemente usé un selector más especifico (id). Pero me pareció importante notificar esto
No puedes crear clips mientras se reproduce un anuncio
Descripción
Aprende Bootstrap 5 - Curso de Bootstrap desde Cero
freeCodeCamp Español
freeCodeCamp Español
3778Me gusta
80.746Visualizaciones
10 nov2022
En este curso completo de Bootstrap aprenderás cómo trabajar con la grid de Bootstrap, componentes, íconos y mucho más. Crearás un proyecto paso a paso para aplicar tu conocimiento, una página web de portafolio responsiva.
✏️ Curso creado por: Estefania Cassingena Navone
Canal de YouTube de Estefania: https://www.youtube.com/codingwithest...
Twitter: https://twitter.com/EstefaniaCassN
⭐️ Contenido del curso ⭐️
⌨️ (00:00:00) Introducción
⌨️ (00:01:39) Nuestro proyecto
⌨️ (00:12:54) Descargar e instalar Visual Studio Code
⌨️ (00:19:13) Extensión Live Server
⌨️ (00:22:12) Herramientas de desarrollo de Chrome
Introducción a Bootstrap
⌨️ (00:36:20) Introducción
⌨️ (00:43:31) Tres pilares de Bootstrap
⌨️ (00:45:02) La grid de Bootstrap
⌨️ (00:52:57) Breakpoints en Bootstrap
⌨️ (00:58:03) Estructura de la grid de Bootstrap
⌨️ (01:01:54) Contenedores en Bootstrap
⌨️ (01:03:40) Contenedores (ejemplo)
⌨️ (01:18:09) Estructura de la grid (filas y columnas)
⌨️ (01:30:30) La grid de Bootstrap con breakpoints
⌨️ (01:36:53) Componentes de Bootstrap
⌨️ (01:43:32) Componentes (ejemplo)
⌨️ (01:47:11) Íconos de Bootstrap
⌨️ (01:51:12) Íconos (ejemplo)
⌨️ (01:57:05) Flexbox
Proyecto
⌨️ (02:10:13) Añadir Bootstrap al proyecto
⌨️ (02:18:30) Favicon y metadatos
⌨️ (02:28:27) Barra de navegación
⌨️ (02:42:08) Sección hero
⌨️ (03:05:48) Sección "Sobre mí"
⌨️ (03:15:19) Sección de experiencia
⌨️ (03:36:33) Sección de proyectos
⌨️ (04:02:54) Sección de artículos
⌨️ (04:13:10) Sección de testimonios
⌨️ (04:32:30) Sección de contacto
⌨️ (04:45:14) Footer y redes sociales
⌨️ (04:59:20) Enlaces internos
Final
⌨️ (05:03:43) Felicitaciones
💻 Con freeCodeCamp puedes aprender a programar gratis y alcanzar tu meta de obtener un empleo como desarrollador: https://www.freecodecamp.org/espanol/